<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery.js"> </script>
    <script src="js/all.js"></script>
    <script src="js/swiper.min.js"> </script>
  </head>
  <body> 
    <header>
      <div class="container">
        <div class="logo"><img src="public/images/logo.png" alt=""></div>
        <div class="right">
          <div class="a_red"></div>
          <div class="nav_li">
            <ul>
              <li><a href="javascript:;">无障碍浏览</a></li>
              <li><a href="javascript:;">市民信箱</a></li>
              <li><a href="javascript:;">站群导航</a></li>
              <li><a href="javascript:;">走进北京</a></li>
              <li><a href="javascript:;">关于我们</a></li>
            </ul>
          </div>
          <div class="login"><a href="javascript:;">登录</a></div>
        </div>
      </div>
    </header>
    <div class="nav">
      <div class="container">
        <ul class="nav"> 
          <li><a href="index.html"> 
              <div><i><img class="src" src="public/images/首页.png" alt=""></i><span>首页</span></div></a></li>
          <li><a href="public.html"> 
              <div><i><img class="src" src="public/images/政务.png" alt=""></i><span>政务公开</span></div></a></li>
          <li><a href="publish.html"> 
              <div><i><img class="src" src="public/images/政务要闻.png" alt=""></i><span>政府发文</span></div></a></li>
          <li><a href="interact.html"> 
              <div><i><img class="src" src="public/images/组织.png" alt=""></i><span>政务互助</span></div></a></li>
          <li><a href="onlineService.html"> 
              <div><i><img class="src" src="public/images/电脑.png" alt=""></i><span>在线办事</span></div></a></li>
        </ul>
        <div class="search"><img src="public/images/搜索--1.png" alt=""></div>
      </div>
    </div>
    <div class="onlineService">
      <div class="online_container"> 
        <div class="soMany">
          <div class="left">
            <div class="hot">
              <ul class="hot_top">
                <li>热点服务</li>
                <li>自然人办事</li>
                <li>法人办事</li>
                <li>部门办事</li>
                <li>区服务大厅</li>
              </ul>
              <ul class="hot_bottom"></ul>
            </div>
            <div class="news">
              <ul class="news_top">
                <li>新闻发布</li>
                <li>政策解读</li>
                <li>市场监督</li>
                <li>信息公开</li>
                <li>数据发布</li>
              </ul>
              <ul class="news_bottom"></ul>
            </div>
          </div>
          <div class="right">
            <div class="first_title">
              <h2>各区服务大厅</h2><span>更多>></span>
            </div>
            <ul class="role">
              <li>江中区</li>
              <li>汉阳区</li>
              <li>青山区</li>
              <li>洪山区</li>
              <li>东西湖区</li>
              <li>新洲区</li>
              <li>江中区</li>
              <li>汉阳区</li>
              <li>青山区</li>
              <li>洪山区</li>
              <li>东西湖区</li>
              <li>新洲区</li>
            </ul>
            <div class="second_title">
              <h2>便民查询</h2><span>更多>></span>
            </div>
            <div class="person_search">
              <li>交通出行</li>
              <li>教育考试</li>
              <li>居民社保</li>
              <li>劳动就业</li>
              <li>公用事业</li>
              <li>医疗卫生</li>
            </div>
            <ul class="some_pic">
              <li> 
                <h1>社企财税政策</h1>
              </li>
              <li> 
                <h1>北京发布</h1>
              </li>
              <li> 
                <h1>G60 </h1>
              </li>
              <li> 
                <h1>诚信北京</h1>
              </li>
            </ul>
          </div>
        </div>
        <div class="online_swiper"> 
          <div class="swiper_container">
            <div class="pre"> <img src="public/images/pre.png" alt=""></div>
            <div class="swiper_slider">   <img src="public/images/o_swiper01.png" alt=""></div>
            <div class="swiper_slider">   <img src="public/images/o_swiper02.png" alt=""></div>
            <div class="swiper_slider">  <img src="public/images/o_swiper03.png" alt=""></div>
            <div class="swiper_slider">  <img src="public/images/o_swiper04.png" alt=""></div>
            <div class="next"> <img src="public/images/next.png" alt=""></div>
          </div>
        </div>
        <div class="somethingOffooter">
          <div class="last_title">
            <div class="first_title">
              <h2>便民查询</h2><span>更多>></span>
            </div>
          </div>
          <ul class="last">
            <li> <span class="content">关于印发自治区三级公立医院绩效考核工作实施方案的通知</span><span class="time">08-04</span></li>
            <li><span class="content">蔡奇到北京经济技术开发区调研时强调</span><span class="time">08-04</span></li>
            <li> <span class="content">7月份25个街乡镇“接诉即办”考核并列第一</span><span class="time">08-04</span></li>
            <li> <span class="content">全市各级人大代表将就修订生活垃圾管理条例赴基层征求意见</span><span class="time">08-04</span></li>
            <li> <span class="content">关于印发自治区三级公立医院绩效考核工作实施方案的通知</span><span class="time">08-04</span></li>
            <li><span class="content">蔡奇到北京经济技术开发区调研时强调</span><span class="time">08-04</span></li><span class="get_more">更多>></span>
          </ul>
        </div>
      </div>
    </div>
    <footer>
      <div class="top">
        <div class="container">
          <div class="logo"></div>
          <div class="call_us">
            <h4>联系我们</h4>
            <ul>
              <li>联系电话：400-000-9999</li>
              <li>商业沟通 baotu@baotubaotu.com</li>
              <li>办公时间：09：00-20：00</li>
              <li>办公地址：北京朝阳区紫禁城内999号1099</li>
            </ul>
          </div>
          <div class="demo">
            <h4>案例</h4>
            <ul>
              <li>查看案例</li>
              <li>我的案例</li>
              <li>更多案例查看</li>
            </ul>
          </div>
          <div class="about"> 
            <h4>关于</h4>
            <ul>
              <li>查看案例</li>
              <li>我的案例</li>
              <li>更多案例查看</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="bottom">
        <p>京ICP备0000999999号-001版权所属爱包图科技有限公司严谨的备案号</p>
      </div>
    </footer>
  </body>
</html>